<template>
  <div class="card-format">
    {{label}}
  </div>
</template>

<script>
import {cardFormatter} from './formetter'

export default {
  props: {
    value: String
  },
  data() {
    return {}
  },
  computed: {
    label() {
      if(!this.value) return ''
      return cardFormatter(this.value)
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.card-format {
  font-weight: bold;
}
</style>
